<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="author" content="lijinbo" />
    <title>043-按钮动画合集</title>
    
    <style>
      body {
        background-color: #333;
      }

      li {
        min-height: 100px;
      }
    </style>
    <link rel="stylesheet" href="../../../../static/css/043-index-e522b82a.css">
  </head>

  <body>
    <div class="box">
      <ol>
        <li>
          <div class="btn1 btn">流光</div>
        </li>
        <li>
          <div class="btn2-wrapper">
            <div class="btn2 btn">
              边框
              <span></span>
              <span></span>
              <span></span>
              <span></span>
            </div>
          </div>
        </li>
        <li>
          <div class="btn3">|</div>
        </li>
        <li>
          <div class="btn4">btn4</div>
        </li>
        <li>
          <div class="btn5">btn5</div>
        </li>
        <li>
          <div class="btn6">
            btn6
            <span>YOYO!</span>
            <span>YOYO!</span>
            <span>YOYO!</span>
            <span>YOYO!</span>
            <span>YOYO!</span>
          </div>
        </li>
      </ol>
    </div>
  </body>
</html>
